body{
font-family: 'Trebuchet MS', Helvetica, sans-serif;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
margin: 0;
padding: 0;
}

#sfondale{
background: url("images/bg.jpg");
padding-top: 15px;
padding-bottom: 15px;
}

#content{
	border-top: 2px dotted black;
}

#main {
width:80%;
margin: 0px auto;
padding: 10px;
padding-top: 20px;
min-width:860px;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
-o-border-radius:0.5em;
border-radius:0.5em;
box-shadow:10px -5px 20px #999;
background: url("images/grad-bg.png") repeat-x scroll left top #FFFFFF;
border: 1px solid #9C9C9C;
}

#header{
padding-right: 5%;
padding-left: 5%;
}

#header a img{
border: none;
}

.clearclass{
clear: left;
}

#logo{
float:left;
}

.menu{
display:block; 
float:right;
font-size:0.8em;
}

.menu:after, .menu:before {
    margin-top:0.5em;
    content: "";
    float:left;
    border:1.5em solid #000000;
}
 
.menu:after {
    border-right-color:transparent;
}
 
.menu:before {
    border-left-color:transparent;
}

.menu a:link, .menu a:visited { 
    color:#ffffff;
    text-decoration:none;
    float:left;
    height:3.5em;
    overflow:hidden;
}

.menu span {
    background:#000000;
    display:inline-block;
    line-height:3em;
    padding:0 1em;
    margin-top:0.5em;
    position:relative;

    -webkit-transition: background, margin 0.2s;  /* Saf3.2+, Chrome */
    -moz-transition: background, margin 0.2s;  /* FF4+ */
    -ms-transition: background, margin 0.2s;  /* IE10 */
    -o-transition: background-color, margin-top 0.2s;  /* Opera 10.5+ */
    transition: background, margin 0.2s;
}
 
.menu span:first-letter {text-decoration:underline;}

.menu a:hover span, 
.menu a.attivo span{
    background:#cccccc;
	color: black;
    margin-top:0;
}
 
.menu span:before {
    content: "";
    position:absolute;
    top:3em;
    left:0;
    border-right:0.5em solid #9B8651;
    border-bottom:0.5em solid #000000;
}
 
.menu span:after {
    content: "";
    position:absolute;
    top:3em;
    right:0;
    border-left:0.5em solid #9B8651;
    border-bottom:0.5em solid #000000;
}

.menu li{
display: inline;
}

#footer{
clear:both;
margin-top: 1em;
font-size: 80%;
padding: 0.1em 1.4em;
background-color: #cccccc;
color: #333333;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
-o-border-radius:0.5em;
border-radius:0.5em;
}

#footer ul{
display:block; 
}

#footer ul li{
display: inline;
}

#footer #admin-login{
float:right;
}

#content a{
text-decoration: none;
color: #0066CC;
border-bottom: 1px solid #cccccc;
}

#content a:hover{
color: #0033CC;
border-bottom: 1px solid #acacac;
font-weight:bold;
}

#content a:visited{
}

#content a:active{
background-color: #CCFFFF;
}

#breadcrumbs{
margin-top:0.5em;
margin-bottom:0.5em;
clear:left;
font-size:0.9em;
}

#breadcrumbs .before{
text-decoration: none;
color: #0066CC;
border-bottom: 1px solid #0066CC;
}

#breadcrumbs .before:hover{
color: #0033CC;
border-bottom: 1px solid #0066CC;
}